<template>
  <epgis-nav-container title="隐私设置">
    <template #container>
      <div style= "height: 100%; width: 100%;background: white;" class="layoutVerticle">
        <div style = " margin: 0px 10px 10px 10px; background: white;  padding: 10px; border-radius: 10px;" class="layoutVerticle">
          <div style= "" class="layoutHorizontal layoutVerticleCenter">
            <span style="flex: 1;">隐身</span>
            <van-switch v-model="checkInvisibility"  size="20px" />
          </div>
          <span style="color: #9197a3;font-size: 11px; margin-top: 10px;">开启隐身后，你的资料将不会被其他嘉宾看到，也不会获得推荐</span>
          <van-divider />
          <div style= "" class="layoutHorizontal layoutVerticleCenter">
            <span style="flex: 1;">只接受异性喜欢</span>
            <van-switch v-model="checkDifferentSex"  size="20px" />
          </div>
          <span style="color: #9197a3;font-size: 11px; margin-top: 10px;">开启只接受异性喜欢后，只会推荐给异性</span>
          <van-divider />
          <div style= "" class="layoutHorizontal layoutVerticleCenter">
            <span style="flex: 1;">账户注销</span>
            <van-switch v-model="checkLogout"  size="20px" />
          </div>
          <span style="color: #9197a3;font-size: 11px; margin-top: 10px;">开启账户注销后，你的信息将被清空。如果短时间内不使用缘来平台，不想让别人看得到你的资料，建议开启隐身模式哦</span>
          <van-divider />
           
          <van-button @click="submitMsg" type="primary" style="margin-left: 12%; margin-right: 12%;margin-top: 30px;border-radius: 8px;height: 40px;" >
            保 存
          </van-button>
        </div>
      </div>
    </template>
  </epgis-nav-container>
</template>

<script>
import { Http, Uploader } from "@/common/HttpClient";
import { MapUtil } from "@/common/mapUtil";
import { NativeUtil } from "@/common/utils";
import * as turf from "@turf/turf";
import { Toast, Notify } from "vant";
import   { areaList } from "@/assets/arealist/Area.js"

export default {
  components: {},
  data() {
    return {
      checkInvisibility:false,
      checkDifferentSex:true,
      checkLogout:false,
    };
  },

  mounted() {

  },
  destroyed() {
  },
  activated() {

  },
  methods: {



    submitMsg(){

    },


    






    




  },
};
</script>

<style lang="less" scoped>

  .layoutVerticle{
    display: flex;
    flex-direction: column;
  }

  .layoutHorizontal{
    display: flex;
    flex-direction: row;
  }

  .layoutCenter{
    justify-content: center;
    align-items: center;
  }

  .layoutVerticleCenter{
    align-items: center;
  }

  .history_wrap {
    margin-top: 4px;
    background: #ffffff;
    overflow: scroll;
    .history_item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      /deep/.van-tag {
        margin-right: 10px;
        margin-top: 10px;
        border: 1px solid #8a8a8a;
        color: #8a8a8a;
        padding: 5px 25px;
      }
      /deep/.van-tag--primary {
        background-color: white;
      }
    }
  }

  // .history_wrap::after {
  //   position: absolute;
  //   box-sizing: border-box;
  //   content: ' ';
  //   pointer-events: none;
  //   right: 16px;
  //   bottom: 0;
  //   left: 16px;
  //   border-bottom: 1px solid #ebedf0;
  //   -webkit-transform: scaleY(.5);
  //   transform: scaleY(.5);
  // }






</style>